<template>
	<view class="">
		<u-popup mode="center" v-model="show">
			<view class="give_wrap">
				<view class="title">
					赠送
				</view>
				<view class="tips">
					温馨提示：商品赠送后不可撤销哦~
				</view>
				<view class="allGoods">
					本次拒提共计 <text>3 </text> 件商品， 将获得 <text>26</text> 大王币。
					
				</view>
				
		
				<scroll-view scroll-y='true' show-scrollbar='false' style="background-color: #fefefd;">
					<view class="goods_list">
						<view class="goods_box" v-for="(item,index) in orderlist" :key="index">
							<view class="goods_item">
								<view class="sec_left">
									<image :src="item.prize_icon"></image>
								</view>
		
								<view class="sec_right">
									<view class="name">{{item.prize_name}}</view>
									<view class="price-num">
										<view class="price" style="color: #F46E13;">￥{{item.price}}</view>
										<view class="num" v-if="item.cat_id == 1">×{{item.pay_mode}}</view>
										<view class="num" v-else>×{{item.num}}</view>
									</view>
								</view>
							</view>
							
						</view>
					</view>
				</scroll-view>
		
		
				<view class="footer">
					<view class="cancle_text" @click="handleCancle(1)">
						取消
					</view>
					<view class="chenge_text" @click="handleChange">
						确认赠送
					</view>
				</view>
		
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		props:['show'],
		data() {
			return {
				show: false
			}
		},
		// mounted() {
		// 	////console.log('弹框')
		// 	// ////console.log('弹框',show)
		// }
	}
</script>

<style lang="scss" scoped>
	.give_wrap {
		width: 536rpx;
		height: 819rpx;
		padding: 40rpx 22rpx 32rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
		overflow: hidden;
		text-align: center;
	
		.title {
			height: 38rpx;
			font-size: 40rpx;
			font-weight: bold;
			color: #000000;
		}
	
		.tips {
			font-size: 22rpx;
			font-weight: 500;
			color: #FC8424;
			line-height: 36rpx;
			margin-top: 36rpx;
			margin-bottom: 28rpx;
		}
	
		.allGoods {
			width: 312rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #4369B2;
			line-height: 42rpx;
			margin-left: 96rpx;
	
			text {
				font-size: 30rpx;
				color: #FC8424;
				margin: 0 6rpx;
			}
		}
	
		.goods_list {
			height: 460rpx;
	
			.goods_box {
				width: 492rpx;
				height: 200rpx;
				margin: 0 auto;
				position: relative;
				// background-color: #666;
				opacity: 0.9;
				padding: 27rpx 42rpx;
				margin-bottom: 20rpx;
	
				.goods_item {
					display: flex;
	
					.sec_left {
						width: 146rpx;
						height: 146rpx;
						background: #FFFFFF;
						border: 1rpx solid #DADADA;
						border-radius: 4rpx;
						position: relative;
						text-align: center;
	
						image {
							width: 102rpx;
							height: 82rpx;
							line-height: 210rpx;
							position: absolute;
							top: 20%;
							left: 12%;
						}
	
					}
	
					.sec_right {
						display: flex;
						flex-direction: column;
						margin-left: 44rpx;
	
	
	
						.name {
							width: 226rpx;
							height: 52rpx;
							font-size: 22rpx;
							font-weight: bold;
							color: #141414;
							line-height: 50rpx;
							word-break: break-all;
							text-overflow: ellipsis;
							overflow: hidden;
							display: -webkit-box;
							-webkit-line-clamp: 2;
							-webkit-box-orient: vertical;
						}
	
						.time {
							font-size: 24rpx;
							color: #ff5123;
							margin-top: 15rpx;
						}
	
						.price-num {
							width: 226rpx;
							display: flex;
	
							.price {
								font-size: 28rpx;
								color: #21C8C1;
								margin-top: 50rpx;
							}
	
							.num {
								justify-content: flex-end;
								margin-left: auto;
								width: 30rpx;
								font-size: 18rpx;
								font-weight: 500;
								color: #141414;
								margin-top: 60rpx;
							}
						}
					}
	
				}
	
				.time {
					width: 581rpx;
					font-size: 22rpx;
					font-weight: 500;
					color: #939393;
					line-height: 36rpx;
					margin-top: 20rpx;
				}
	
	
			}
		}
	
	
	
		.footer {
			width: 492rpx;
			display: flex;
			align-items: center;
			margin: 0 auto;
			justify-content: space-between;
			font-size: 30rpx;
			// font-weight: bold;
	
			.cancle_text {
				width: 234rpx;
				height: 77rpx;
				background: #FFFFFF;
				border: 1rpx solid #4369B2;
				border-radius: 39rpx;
				color: #1289FF;
				line-height: 77rpx;
			}
	
			.chenge_text {
				width: 234rpx;
				height: 77rpx;
				background: #1289FF;
				border-radius: 40rpx;
				color: #FFFFFF;
				line-height: 77rpx;
			}
		}
	
	
	
	}
	
</style>
